/* CSS Document */
html{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
body{
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
	color: #000;
}
ul{
	margin:0;
	padding:0;
}
a img{
	border:none;
}
.clear{
	clear:both;
}
#wrapper {
	position:relative;
	with:100%;
	height:auto;
	margin:auto;
}
/*************************************** HEADER *****************************************/
#header{
	position:relative;
}
#header .logo{
	position:relative;
	width:500px;
	margin:40px 0px 0px 40px;
}
#login{
	position: relative;
	float:right;
	margin:-120px 20px 0px 0px;
	width:220px;
	height:50px;
}
.login-btn{
	position: absolute;
}
.login-btn ul li{
	position:relative;
	font-size:10px;
	float:left;
	list-style-type:none;
	margin:-17px -65px 6px 75px;
	padding: 0px 5px 2px 5px;
	width:50px;
	height:10px;
	text-align:center;
}
.login-btn ul li:hover{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#000;
	color: #FFF;

}
.login-btn ul li a:hover{
	color: #FFF;
}
.login-item{
	position:relative;
	margin:0px 0px 0px 0px;
	
}
.login-item-text{
	position: relative;
	font-size:10px;
	margin:0px 0px 5px 0px;
	color:#000;
}
.login-item input{
	position:absolute;
	left:70px;
	border: 1px solid #000;
	height: 10px;
	width:130px;
	font-size: 11px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:-20px 0px 0px 5px;
}
/*************************************** HEADER MENU *****************************************/
.menu{
	position:absolute;
	top: 100px;
	right:35px;
}
.menu ul li{
	padding: 0px 16px 2px 16px;
	position:relative;
	list-style-type:none;
	float:left;
	border-bottom: 2px solid #666;
}
.menu ul li:first-child{
	padding: 0px 16px 2px 0px;
}
.menu ul li:last-child{
	padding: 0px 0px 2px 16px;
}
.menu ul li:hover, .menu ul li.active {
	border-bottom: 2px solid #FF0;
}
.menu ul li a {
	text-transform: uppercase;
}
/*************************************** CONTENT *****************************************/
#content{
	position:relative;
	margin:25px 0px 0px 0px;
	width:auto;
	height:430px;
	background: url(../images/backgroud.jpg);
	background-repeat:repeat;
}
#main{
	position:relative;
	width:1000px;
	height:370px;
	margin: auto;
	top:30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background:url(../images/main.png);
	background-repeat:repeat;
}
#mcs1_container .customScrollBox .container .content .item{
	width:120px;
	height:230px;
	position:relative;
	float:left;
}
#mcs1_container .customScrollBox .container .content .item h2{
	font-size:12px;
}
#mcs2_container .customScrollBox .container .content .item{
	width:120px;
	height:170px;
	position:relative;
	float:left;
}
.content .item a img{
	width:90px;
	height:140px;

}
.product{
	position:relative;
	left:350px;
	top:15px;
	width:300px;
}
.item img{
	width:280px;
	height:335px;
}
.product-detail{
	position: absolute;
	left:695px;
	width:285px;
	height:335px;
	top:0px;
}
.text{
	position:relative;
	top: 15px;
	width:275px;
	height:335px;
	font-size:12px;
}
.image-Thumbnails{
	position:relative;
	top:-124px;
	left:0px;
	float:left;
}
.image-Thumbnails .item{
	position:relative;
	float:left;
	width:140px;
	height:180px;
}
.image-Thumbnails .item a img{
	position:relative;
	width:90px;
	height:140px;
}
/*************************************** FEATURE CONTENT *****************************************/
#feature{
	position: absolute;
	height:428px;
	left:538px;
}
#feature ul li{
	position: relative;
	float:left;
	list-style-type:none;
	margin: 1px 8px 0px 0px;
}
#feature ul li img{
	position: relative;
	width:126px;
	height:428px;
}
#main-home{
	position: absolute;
	width:300px;
	height:370px;
	margin: auto;
	top:30px;
	left:150px;
}
#main-home .logo{
	position:relative;
	margin:0px 0px 0px 70px;
	top: 75px;
}
#ngon-ngu{
	position:relative;
	color:#FFF;
	margin:68px -80px 0px 138px;
}
#ngon-ngu a{
	position:relative;
	color:#FFF;
}
/*************************************** PRODUCT *****************************************/
.product-man{
	position:relative;
	width:630px;
	height:360px;
	margin:auto;
}
.product-man ul li{
	position:relative;
	float:left;
	list-style-type:none;
	margin:auto;
}
.product-man ul li a{
	position:relative;
	list-style-type:none;
	margin:auto;

}
.product-man ul li a img{
	position:relative;
	margin:30px -10px 0px 20px;
	width:90px;
	height:310px;
}
.product-man ul li a img:hover{
	background: #FFF;
	opacity: 0.6;
	
}
.product-woman{
	position:relative;
	width:945px;
	height:360px;
	margin:auto;
}
.product-woman ul li{
	position:relative;
	float:left;
	list-style-type:none;
	margin:auto;

}
.product-woman ul li a{
	position:relative;
	list-style-type:none;
	margin:auto;

}
.product-woman ul li a img{
	position:relative;
	margin:30px -10px 0px 20px;
	width:90px;
	height:310px;
}
.product-woman ul li a img:hover{
	background: #FFF;
	opacity: 0.6;
	
}
.service{
	position: absolute;
	top:8px;
	left:20px;
	width:432px;
	height:330px;
	
}
.service-image{
	position:relative;
	width:330px;
	height:330px;
}
.service-image img{
	position:relative;
	width:200px;
	height200px;
	left:65px;
	top:65px;

}
.product-content{
	position: absolute;
	width:480px;
	height:330px;
	top:10px;
	left:380px;
	font-size:12px;
}
.product-content h1{
	position:relative;
	font-size:18px;
	font-weight: lighter;
	color: #FF0;
}
.product-content ul li{
	position: relative;
	float:left;
	list-style-type:none;
}
.product-content ul li img{
	position: relative;
	width:90px;
	height:330px;
	margin:0px -10px 0px 20px;
}
.product-content ul li img:hover{
	background: #FFF;
	opacity: 0.6;	
}
.contact{
	position: relative;
	width:960px;
	height:375px;
	top:20px;
	left:20px;
}
.dathang-image{
	position: relative;
	width:330px;
	height:330px;
	top:0px;
	left:10px;
}
.dathang-image img{
	position: relative;
	width:200px;
	height:330px;
}
.contact-content{
	position:absolute;
	left:250px;
	width:480px;
	top:-10px;
}
/*************************************** FORM *****************************************/
#form-contact{
	position:relative;
}
#form-contact h6{
	position:relative;
	font-size:18px;
	left:170px;
	color:#FF0;
	font-weight: lighter;
	margin: 50px 0;
}
.content-item input[type="text"]{
	position:absolute;
	left:130px;
	margin:-15px 0px 0px 0px;
	height:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:200px;
}
.content-item textarea{
	position:absolute;
	left:130px;
	margin:-15px 0px 0px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:200px;
}
.content-item-text span{
	position:relative;
	width:150px;
	height:100px;
	color:#FF0;
}
.content-item-text{
	position:relative;
	width:105px;
	height:20px;
	font-size:12px;
}
.content-item-text h1{
	position:relative;
	float:right;
	font-size:12px;
	height:0px;
}
.right-item{
	position:absolute;
	left:130px;
	margin-top: 45px;
	width: 200px;
	height: 50px;
}
input[type="submit"].button, .content-item a.button, .product-detail a.button{
	padding: 10px;
	margin-right: 10px;
	border:1px solid #333;
	font-size: 16px;
	color:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: linear-gradient(bottom, rgb(0,0,0) 20%, rgb(117,117,117) 91%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 20%, rgb(117,117,117) 91%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 20%, rgb(117,117,117) 91%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 20%, rgb(117,117,117) 91%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 20%, rgb(117,117,117) 91%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, rgb(0,0,0)),
		color-stop(0.91, rgb(117,117,117))
	);
}
input[type="submit"].button:hover, .content-item a.button:hover, .product-detail a.button:hover{
	background: #000;
	background: -moz-linear-gradient(270deg, #000 10%, #999);
	background: -webkit-linear-gradient(270deg, #000 10%, #999 94%);
	background: -o-linear-gradient(270deg, #000 10%, #999 94%);
	background: -ms-linear-gradient(270deg, #000 10%, #999 94%);
	background: linear-gradient(0deg, #000 10%, #999 94%);
}
.chu-y{
	position:relative;
	width:450px;
	height:100px;
	top:145px;
	left:30px;
}
.chu-y h1{
	position:relative;
	font-size:12px;
	color:#FF0;
}
.chu-y p{
	font-size: 12px;
}
/*************************************** BAN DO *****************************************/
.ban-do{
	position:absolute;
	width:250px;
	height:266px;
	top:40px;
	left:665px;
	border: 1px solid #FFF;
	background: #fff;
}
.contact-image{
	position:relative;
	width:330px;
	height:330px;
}
.contact-image img{
	position:relative;
	width:200px;
	height:200px;
	left:25px;
	top:65px;

}
/*************************************** DANG KY *****************************************/
.register-left{
	position:relative;
	height:330px;
	width:400px;
}
.register-left h1{
	position:relative;
	top:60px;
	left:70px;
}
.register-left h1 img{
	position:relative;
	width:210px;
	height:250px;
}
.register-left h2{
	position: absolute;
	top:0px;
	left:30px;
}
.register-right{
	position:absolute;
	left:500px;
	top:30px;
}
.content-item h5{
	position:relative;
	font-size:16px;
	left:180px;
}
#footer{
	position:relative;
	margin:auto;
	width:auto;
}
#footer ul li{
	text-align:center;
	position:relative;
	color:#000;
	top:10px;
	list-style-type:none;
	font-size:12px;
}
#footer ul li span{
	color:#FF0;
}